<template>
	<tn-tabs-swiper :list="list" :isScroll="false" :current="current" name="tab-name" @change="change"></tn-tabs-swiper>

	</view>
</template>

<script>
	export default {
		props: {
			list: {
				type: Array,
				default: () => ([{
					name: '全部'
				}, {
					name: '待结算'
				}, {
					name: '已结算',
					count: 5
				}, {
					name: '待发货'
				}, {
					name: '已发货'
				}])
			}
		},
		data() {
			return {
				current: 0
			}
		},
		methods: {
			change(index) {
				this.current = index;
			}
		}
	}
</script>

<style scoped lang="scss">
</style>